<script setup>
defineProps({
  size: {
    type: String,
    default: '1.2em',
  },
  color: {
    type: String,
    default: '#ffffff',
  },
  hoverStyle: {
    type: String,
    default: 'fill-[#ffffff]',
  },
  width: {
    type: String,
    default: '24',
  },
  height: {
    type: String,
    default: '24',
  },
})
</script>

<template>
  <svg
    x="0"
    y="0"
    class="icon_fc4f04"
    aria-hidden="true"
    role="img"
    xmlns="http://www.w3.org/2000/svg"
    :width="width"
    :height="height"
    fill="none"
    viewBox="0 0 24 24">
    <path
      class="group-hover:fill-[--fill-0]"
      :fill="color"
      d="M17.3 18.7a1 1 0 0 0 1.4-1.4L13.42 12l5.3-5.3a1 1 0 0 0-1.42-1.4L12 10.58l-5.3-5.3a1 1 0 0 0-1.4 1.42L10.58 12l-5.3 5.3a1 1 0 1 0 1.42 1.4L12 13.42l5.3 5.3Z"></path>
  </svg>
</template>
